<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no, email=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <script src="bundle.js"></script>


</head>
<body>

<div class="zhuye-header">
    <div class="zhuye-header-top">
        <ul class="ul2">
            <li class="li1"><img src="img/index_logo.png" alt=""></li>
            <li class="li2"><input type="text" placeholder="输入商城商品地址或京东商品"></li>
            <li class="li3"><img src="img/ling.png" alt=""><p>消息</p></li>
        </ul>
    </div>

</div>
<figure>
    <ul>
        <li>
            <img src="img/09593671202.jpg"/>
        <li>
            <img src="img/08394249613.jpg"/>
        <li>
            <img src="img/17092946764.jpg"/>
        <li>
            <img src="img/17244866668.jpg"/>
        <li>
            <img src="img/09593671202.jpg"/>
    </ul>
    <div class="bar">
        <p class="on"></p>
        <p></p>
        <p></p>
        <p></p>
    </div>
</figure>
<div class="zhuye-dao">
    <ul class="ul3">
        <li class="li4"><img src="img/icon_03.png" alt=""><p>商城返利</p></li>
        <li class="li4"><img src="img/icon_03.png" alt=""><p>淘宝返利</p></li>
        <li class="li4"><img src="img/icon_03.png" alt=""><p>超级返利</p></li>
        <li class="li4"><img src="img/icon_03.png" alt=""><p>帮助中心</p></li>
    </ul>
    <ul class="ul4">
        <li class="li5"><img src="img/icon_03.png" alt=""><p>商城返利</p></li>
        <li class="li5"><img src="img/icon_03.png" alt=""><p>淘宝返利</p></li>
        <li class="li5"><img src="img/icon_03.png" alt=""><p>超级返利</p></li>
        <li class="li5"><img src="img/icon_03.png" alt=""><p>帮助中心</p></li>
    </ul>
</div>

<div class="zhuye-dao2">
    <ul class="ul5">
        <li class="li7"><a href=""><img src="img/jd_fanli_icon_03.png" alt=""><p>京东移动端入口</p></a></li>
        <li class="li6"><a href=""><img src="img/jd_fanli_icon_03.png" alt=""><p class="p2">京东移动端入口</p></a></li>
        <li class="li7"><a href=""><img src="img/jd_fanli_icon_03.png" alt=""><p class="p3">京东移动端入口</p></a></li>
    </ul>

    <ul class="ul6">
        <li class="li8"><a href=""><img src="img/index_qnav_cz.png" alt=""></a></li>
        <li class="li9"><a href=""><img src="img/index_qnav_tb.png" alt=""></a></li>
    </ul>

    <ul class="ul7">
        <li class="li10"><img src="img/index_qnav_qd.png" alt=""><p>签到得惠币</p></li>
        <li class="li11"><img src="img/index_qnav_yq.png" alt=""><p>邀请好友奖励50元</p></li>
        <li class="li12"><img src="img/index_qnav_tx.png" alt=""><p>提现奖励红包</p></li>
    </ul>

    <div class="quan">
        <ul class="ul8">
            <li class="li13"><img src="img/index_qnav_ds.png" alt=""></li>
        </ul>

        <ul class="ul9">
            <li class="li14"><img src="img/index_qnav_bc.png" alt=""><p>白菜汇</p></li>
            <li class="li15"><img src="img/index_qnav_bc.png" alt=""><p>白菜汇</p></li>
            <li class="li16"><img src="img/index_qnav_bc.png" alt=""><p>白菜汇</p></li>
        </ul>
    </div>

</div>

<div class="zhuye-con">
    <span>今日值得买</span>
    <div class="zhuye-jinri">
        <ul class="ull1">
            <li class="lii1"><img src="img/img_03.png" alt=""></li>
            <li class="lii2">
                <p>阳山黄桃罐头一罐（425g）1元包邮 神价手慢无（11-10）</p>
                <p  class="pi">
                    <span>神价格</span><span>白菜价</span>
                </p>

                <h1>
                    <span class="spani">￥1.00</span>
                    <span class="spanl">京东商城|03—14  15:59</span>
                </h1>
            </li>

        </ul>
    </div>

    <div class="zhuye-jinri">
        <ul class="ull1">
            <li class="lii1"><img src="img/img_03.png" alt=""></li>
            <li class="lii2">
                <p>阳山黄桃罐头一罐（425g）1元包邮 神价手慢无（11-10）</p>
                <p  class="pi">
                    <span>神价格</span><span>白菜价</span>
                </p>

                <h1>
                    <span class="spani">￥1.00</span>
                    <span class="spanl">京东商城|03—14  15:59</span>
                </h1>
            </li>

        </ul>
    </div>


    <div class="zhuye-jinri">
        <ul class="ull1">
            <li class="lii1"><img src="img/img_03.png" alt=""></li>
            <li class="lii2">
                <p>阳山黄桃罐头一罐（425g）1元包邮 神价手慢无（11-10）</p>
                <p  class="pi">
                    <span>神价格</span><span>白菜价</span>
                </p>

                <h1>
                    <span class="spani">￥1.00</span>
                    <span class="spanl">京东商城|03—14  15:59</span>
                </h1>
            </li>

        </ul>
    </div>

    <div class="zhuye-jinri">
        <ul class="ull1">
            <li class="lii1"><img src="img/img_10.png" alt=""></li>
            <li class="lii2">
                <p>阳山黄桃罐头一罐（425g）1元包邮 神价手慢无（11-10）</p>
                <p  class="pi">
                    <span>神价格</span><span>白菜价</span>
                </p>

                <h1>
                    <span class="spani">￥1.00</span>
                    <span class="spanl">京东商城|03—14  15:59</span>
                </h1>
            </li>

        </ul>
    </div>

    <div class="zhuye-jinri">
        <ul class="ull1">
            <li class="lii1"><img src="img/img_12.png" alt=""></li>
            <li class="lii2">
                <p>阳山黄桃罐头一罐（425g）1元包邮 神价手慢无（11-10）</p>
                <p  class="pi">
                    <span>神价格</span><span>白菜价</span>
                </p>

                <h1>
                    <span class="spani">￥1.00</span>
                    <span class="spanl">京东商城|03—14  15:59</span>
                </h1>
            </li>

        </ul>
    </div>

    <div class="zhuye-jinri">
        <ul class="ull1">
            <li class="lii1"><img src="img/img_14.png" alt=""></li>
            <li class="lii2">
                <p>阳山黄桃罐头一罐（425g）1元包邮 神价手慢无（11-10）</p>
                <p  class="pi">
                    <span>神价格</span><span>白菜价</span>
                </p>

                <h1>
                    <span class="spani">￥1.00</span>
                    <span class="spanl">京东商城|03—14  15:59</span>
                </h1>
            </li>

        </ul>
    </div>

    <div class="zhuye-jinri">
        <ul class="ull1">
            <li class="lii1"><img src="img/img_16.png" alt=""></li>
            <li class="lii2">
                <p>阳山黄桃罐头一罐（425g）1元包邮 神价手慢无（11-10）</p>
                <p  class="pi">
                    <span>神价格</span><span>白菜价</span>
                </p>

                <h1>
                    <span class="spani">￥1.00</span>
                    <span class="spanl">京东商城|03—14  15:59</span>
                </h1>
            </li>

        </ul>
    </div>

    <div class="zhuye-jinri">
        <ul class="ull1">
            <li class="lii1"><img src="img/img_18.png" alt=""></li>
            <li class="lii2">
                <p>阳山黄桃罐头一罐（425g）1元包邮 神价手慢无（11-10）</p>
                <p  class="pi">
                    <span>神价格</span><span>白菜价</span>
                </p>

                <h1>
                    <span class="spani">￥1.00</span>
                    <span class="spanl">京东商城|03—14  15:59</span>
                </h1>
            </li>

        </ul>
    </div>

    <div class="zhuye-jinri">
        <ul class="ull1">
            <li class="lii1"><img src="img/img_20.png" alt=""></li>
            <li class="lii2">
                <p>阳山黄桃罐头一罐（425g）1元包邮 神价手慢无（11-10）</p>
                <p  class="pi">
                    <span>神价格</span><span>白菜价</span>
                </p>

                <h1>
                    <span class="spani">￥1.00</span>
                    <span class="spanl">京东商城|03—14  15:59</span>
                </h1>
            </li>

        </ul>
    </div>

    <div class="zhuye-jinri">
        <ul class="ull1">
            <li class="lii1"><img src="img/img_22.png" alt=""></li>
            <li class="lii2">
                <p>阳山黄桃罐头一罐（425g）1元包邮 神价手慢无（11-10）</p>
                <p  class="pi">
                    <span>神价格</span><span>白菜价</span>
                </p>

                <h1>
                    <span class="spani">￥1.00</span>
                    <span class="spanl">京东商城|03—14  15:59</span>
                </h1>
            </li>

        </ul>
    </div>

</div>

<div class="denglu-footer">
    <ul class="ul1">
        <li><a href="index.html"><img src="img/img_45.png" alt=""><p>首页</p></a></li>
        <li><a href="#"><img src="img/img_47.png" alt=""><p>商城返利</p></a></li>
        <li><a href="#"><img src="img/img_49.png" alt=""><p>优惠爆料</p></a></li>
        <li><a href="#"><img src="img/img_51.png" alt=""><p>超级返利</p></a></li>
        <li><a href="html/denglv.html"><img src="img/img_53.png" alt=""><p>我的</p></a></li>
    </ul>
</div>

</body>
</html>
<script>
    (function(win,doc){
        //浏览器缩放时
        win.onresize=function(){
            change();
        };
        change();
        function change(){
            var oFs=doc.documentElement.clientWidth/(320/20);

            //设置根目录字体大小
            doc.documentElement.style.fontSize=oFs+'px';
        }
    })(window,document);






</script>
<!--<script src="js/jquery-3.1.1.min.js"></script>-->
<script type="text/javascript">
    var index = 0;
    var num = 0;
    setInterval(function(){
        $("figure ul").animate({"left":"-=" + $("figure ul li")[0].offsetWidth + "px"},300,function(){
            index++;
            num++;
            if (index >= 4) {
                $("figure ul").css("left",0);
                index = 0;
                num = 0;
            }
            $("figure .bar p").eq(num).addClass("on").siblings().removeClass()
        })
    },1000)
</script>
